
.content{
	width:1200px;
	margin:20px auto;
	.left{
		width: 800px;
	}
	.right{
		width:380px;
	}
}
.artical{
	background-color: #fff;
	padding:0 10px;
	.item{
		border-top:1px solid #f5f5f5;
		padding:20px 10px;
		&:first-child{
			border-top:none;
		}
	}
	.img{
		margin-right: 15px;
		width:140px;
		height:140px;
		border:1px solid #ddd;
	}
	.info{
		width:603px;
		.title{
			font-size: 18px;
			margin:8px 0;
			font-weight:bold;
		}
		.summary{
			height:66px;
			font-size:14px;
			color:#999;
			line-height:22px;
			margin-bottom:15px;
			overflow: hidden;
		}
		.feedb{
			color:#999;
			.icon{
				color:#ccc;
				margin-right:3px;
			}
			.num{
				margin-right:15px;
				font-size:12px;
				.icon{
					font-size:10px;
				}
			}
			.agree{
				color:#999;
			}
			.tagbox{
				float: right;
				background-color: #f5f5f5;
				color:#666;
				padding:3px 6px;
			}
		}
	}
}
.master-info{
	background-color: #fff;
	margin-bottom:20px;
	padding:10px 20px 20px;
	.title{
		font-size:20px;
		margin-bottom:10px;
	}
	.img{
		margin-right:15px;
		overflow: hidden;
		img{
			border-radius:50%;
		}
	}
	.info{
		ul{
			li{
				line-height:22px;
				color:#666;
				span{
					color:#333;
				}
			}
		}
	}
}
.hots{
	background-color: #fff;
	overflow: hidden;
	.title{
		font-size:20px;
		padding-left:14px;
		margin:10px 0;
		border-left:4px solid #337ab7;
	}
	.list{
		padding:0 10px;
		ul{
			li{
				padding:8px;
				border-top:1px dashed #ddd;
				&:first-child{
					border-top: none;
				}
				a{
					display: block;
					margin-bottom:8px;
					font-size:14px;
					color:#666;
					&:hover{
						color:#337ab7;
					}
				}
				.date{
					color:#999;
				}
			}
		}
	}
}
